<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <meta http-equiv="X-UA-Compatible" content="ie=edge">
    <title>病例征集--个人信息</title>
    <link rel="stylesheet" href="./css/personInfo.css">
    <link rel="stylesheet" href="./lib/reset.css">
    <script src="./lib/rem.js"></script>
    <!-- 先引入vue -->
    <script src="https://cdn.bootcss.com/vue/2.6.5/vue.js"></script>
    <!-- 引入mintui样式 -->
    <link rel="stylesheet" href="https://unpkg.com/mint-ui/lib/style.css">
    <!-- 引入组件库 -->
    <script src="https://unpkg.com/mint-ui/lib/index.js"></script>
</head>
<body>
    <div id="app">
        <div id="personInfo">
            <div class="header">
                <a href="index.html"><img src="./images/back.gif" alt=""></a>
                <a href="index1.html"><img src="./images/home.gif" alt="返回首页"></a> 
            </div>
            <div class="personInfo-cnt">
                <div class="title">
                    <a href="">个人资料</a>
                    <a href="">修改密码</a>
                </div>
                <!-- 医生信息 -->
                <div class="docterinfo">
                    <span>医生基本信息</span>
                    <ul>
                        <li><label for="">姓&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp名：</label><input type="text" v-model="userName"></li>
                        <li><label for="">手&nbsp机&nbsp&nbsp号：</label><input type="text" v-model="phoneNumber"></li>
                        <li><label for="">电子邮箱：</label><input type="text" v-model="email"></li>
                        <li><label for="">身份证号：</label><input type="text" v-model="IDNumber"></li>
                        <li><label for="">所在省市：</label><input type="text" v-model="City"></li>
                        <li><label for="">医&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp院:</label><input type="text" v-model="HospitalL"></li>
                        <li>
                            <label for="">科&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp室:</label>
                            <select class="form-control" v-model="Department">
                                <option value="1">重症肺炎室</option>
                                <option value="2">浓度症室</option>
                                <option value="3">SIRS室</option>
                            </select>
                        </li>
                    </ul>
                </div>
                <!-- 收款人信息 -->
                <div class="docterinfo">
                    <span>收款人信息</span>
                    <form action="" method="post">
                        <ul>
                            <li><label for="">收&nbsp款&nbsp&nbsp人：</label><input type="text" v-model="Payee"></li>
                            <li><label for="">身份证号：</label><input type="text" v-model="payeeID"></li>
                            <li><label for="">银行账户：</label><input type="text" v-model="Paccount"></li>
                            <li><label for="">开户银行：</label><input type="text" v-model="Pbank"></li>
                            <li><label for="">所在省市：</label><input type="text" v-model="Pcity"></li>
                        </ul>
                    </form>
                </div>
                <!-- 跳转--填写病例 -->
                <span>
                    <a @click='vaild' style="color:#fff;">填写病例</a>
                </span>
            </div>
        </div>
    </div>
</body>
<script src="./js/personInfo.js"></script>

</html>